@charset "utf-8";
@import "common/reset";
@function r($px) {
    @return $px/100*1rem;
}

$color:#ff9344;
.my_imgw {
    overflow: hidden;
    img {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
.my_imgh {
    overflow: hidden;
    img {
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
.web {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    header {
        position: absolute;
        top: 0;
        left: 0;
        padding: r(17) 0 r(9);
        .logo {
            margin-left: r(23);
            width: r(123);
            height: r(123);
            overflow: hidden;
            a {
                display: block;
                img {
                    width: 100%;
                }
            }
        }
        .search {
            margin-left: r(73);
            margin-top: r(34);
            width: r(268);
            height: r(55);
            border-radius: r(55);
            border: r(3) solid $color;
            overflow: hidden;
            position: relative;
            form {
                width: 100%;
                height: 100%;
                position: relative;
                input {
                    width: r(184);
                    height: r(49);
                    font-size: r(24);
                    padding: 0 r(11) 0 r(5);
                    color: #777777;
                    position: absolute;
                    top: r(1);
                    left: r(25);
                    border: none;
                }
                button {
                    width: r(46);
                    height: r(49);
                    background: transparent;
                    position: absolute;
                    top: r(3);
                    right: r(13);
                    &:before {
                        content: "";
                        width: r(25);
                        height: r(25);
                        border-radius: 50%;
                        border: r(3) solid $color;
                        position: absolute;
                        top: r(5);
                        left: r(5);
                    }
                    &:after {
                        content: "";
                        width: r(16);
                        height: r(6);
                        background-color: $color;
                        transform: rotate(45deg);
                        position: absolute;
                        top: r(32);
                        left: r(28);
                    }
                }
                ;
            }
        }
        .select {
            width: r(162);
            height: r(60);
            border: r(3) solid $color;
            margin-top: r(34);
            margin-left: r(80);
            position: relative;
            overflow: hidden;
            select {
                width: r(155);
                height: r(53);
                position: absolute;
                border: none;
                -webkit-appearance: none;
                padding-left: r(17);
                background: none;
                font-size: r(26);
            }
            &:after {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-top: r(17) solid $color;
                border-left: r(15) solid transparent;
                border-right: r(15) solid transparent;
                position: absolute;
                top: r(22);
                right: r(12);
            }
        }
        .header_left{
            width: r(125);
            height: r(57);
            border: r(2) solid $color;
            border-radius: r(16);
            overflow: hidden;
            margin-top: r(38);
         margin-left: r(23);
         position: relative;
         button{
             position: absolute;
              width: r(121);
            height: r(53);
            font-size: r(26);
            background: transparent;
         }
        }
        .header_cende{
            margin-left: r(60);
            margin-top: r(34);
            width: r(293);
            height: r(55);
            overflow: hidden;
            position: relative;
         span{
             font-size: r(26);
             position: absolute;
             left: 50%;
             top: 50%;
             transform: translate(-50%,-50%);
          
         }
        }
    }
    section {
        width: 100%;
        position: absolute;
        top: r(150);
        left: 0;
        bottom: r(137);
        overflow-y: auto;
        .section_top {
            width: 90%;
            margin: 0 auto;
            overflow: hidden;
            margin-top: r(30);
            height: r(54);
            line-height: r(54);
            .top_left {
                font-size: r(30);
                img {
                    width: r(50);
                    height: r(48);
                    vertical-align: middle;
                    margin-right: r(8);
                }
                i {
                    color: $color;
                    font-size: r(40);
                    padding-right: r(8);
                }
            }
            .top_rele {
                font-size: r(24);
                display: block;
                i {
                    color: $color;
                    padding-left: r(14);
                    vertical-align: middle;
                    font-size: r(26);
                }
            }
        }
    }
    footer {
        width: 100%;
        height: r(136);
        padding-top: r(10);
        padding-bottom: r(10);
        position: absolute;
        bottom: 0;
        left: 0;
        ul {
            width: 100%;
            height: 100%;
            position: relative;
            a {
                color: #000000;
                font-family: "微软雅黑";
                font-size: r(26);
                display: block;
                li {
                    width: 23%;
                    height: 100%;
                    margin-left: 1%;
                    margin-right: 1%;
                    text-align: center;
                    i {
                        color: $color;
                        font-size: r(80);
                    }
                    p {
                        font-size: r(26);
                    }
                }
            }
        }
    }
}